<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>Services Directory</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description" content="" />
    <meta name="author" content="" />
    <!--styles -->
    <link href="/Content/css/bootstrap.css" rel="stylesheet" />
    <style type="text/css">
        body
        {
            padding-top: 60px;
            padding-bottom: 40px;
        }
    </style>
    <link href="/Content/css/bootstrap-responsive.css" rel="stylesheet" />
    <link href="/Content/css/style.css" rel="stylesheet" />
    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
</head>
<body>
     <div class="navbar navbar-fixed-top">
        <div class="navbar-inner">
            <div class="container">
                <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"><span
                    class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
                </a><a class="brand" href="/rest/services">Feature Server</a>
                <div class="nav-collapse">
                    <ul class="nav">
                        <li class="active"><a href="/rest/services">Home</a></li>
                        <li><a href="#about">About</a></li>
                        <li><a href="#contact">Contact</a></li>
                    </ul>
                </div>
                <!--/.nav-collapse -->
            </div>
        </div>
    </div>

    <div class="container">
        <div class="hero-unit">
            <h1>
                Services Directory</h1>
            <p>
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum gravida convallis
                libero, sit amet vehicula nunc gravida a. Sed ac urna ut velit scelerisque aliquam.
                Aliquam erat volutpat. Donec auctor, mauris sit amet commodo varius, velit sem commodo
                felis</p>
        </div>
        <div class="row">
            <div class="span4">
                <h2>
                    Geometry (GeometryServer)</h2>
                <p>
                    Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus
                    commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
                    Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
                </p>
                <p>
                    <a href="/rest/services/Geometry/GeometryServer" class="btn">View details »</a></p>
            </div>
        </div>
    </div>
    <!-- /container -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="/Content/js/jquery.js"></script>
    <script src="/Content/js/bootstrap-transition.js"></script>
    <script src="/Content/js/bootstrap-alert.js"></script>
    <script src="/Content/js/bootstrap-modal.js"></script>
    <script src="/Content/js/bootstrap-dropdown.js"></script>
    <script src="/Content/js/bootstrap-scrollspy.js"></script>
    <script src="/Content/js/bootstrap-tab.js"></script>
    <script src="/Content/js/bootstrap-tooltip.js"></script>
    <script src="/Content/js/bootstrap-popover.js"></script>
    <script src="/Content/js/bootstrap-button.js"></script>
    <script src="/Content/js/bootstrap-collapse.js"></script>
    <script src="/Content/js/bootstrap-carousel.js"></script>
    <script src="/Content/js/bootstrap-typeahead.js"></script>
</body>
</html>
